/* mixins */

@import "src/mixins.scss";
// @include DEBUG();
@include useFontSmoothingOnMacOS();
.container {
    width: 100%;
    padding-top: 0.08rem;
    box-sizing: border-box;
    @include flex_dis();
    @include flex(flex-direction, column);
    @include flex(align-items, center);
    position: relative;
    // z-index: 1;
    .schedule-des {
        margin-top: 0.34rem;
        nav {
            box-sizing: border-box;
            height: 1.34rem;
            position: relative;
            @include flex_dis();
            .nav_li {
                z-index: 10;
                width: 1.22rem;
                height: 100%;
                @include flex_dis();
                @include flex(flex-direction, column);
                @include flex(align-items, center);
                position: relative;
                P {
                    height: 0.46rem;
                    font-size: .26rem;
                    font-family: PingFangSC-Semibold, PingFang SC;
                    font-weight: 400;
                    color: #D0D2F9;
                    line-height: .46rem;
                    white-space: nowrap;
                }
                .littlep {
                    height: 0.26rem;
                    line-height: .26rem;
                    @include useFontSizeLT12(0.18);
                }
                .haved {
                    position: absolute;
                    width: 0.56rem;
                    height: 0.56rem;
                    left: 0.3rem;
                    bottom: 0.08rem;
                }
                .nohave {
                    position: absolute;
                    width: 0.56rem;
                    height: 0.56rem;
                    left: 0.3rem;
                    bottom: 0.08rem;
                }
                .active_nav_guang {
                    height: 0.86rem;
                    width: 100%;
                    .guang {
                        position: absolute;
                        width: 1.22rem;
                        height: 0.52rem;
                        left: 0;
                        bottom: 0.46rem;
                    }
                    .now {
                        position: absolute;
                        width: 0.56rem;
                        height: 0.56rem;
                        left: 0.3rem;
                        bottom: 0.08rem;
                    }
                }
                .fix_sprint {
                    width: 100%;
                    position: absolute;
                    height: 0.3rem;
                    left: 0;
                    top: -0.22rem;
                    display: flex;
                    justify-content: center;
                    img {
                        height: 100%;
                    }
                }
            }
            .active_nav {
                p {
                    color: #FEEEBD;
                }
            }
            .fix {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 7.34rem;
                height: 0.08rem;
                margin-bottom: 0.34rem;
                background: linear-gradient(180deg, #232335 0%, #5757A4 100%);
                .progress {
                    position: absolute;
                    left: 0;
                    width: 1.8rem;
                    height: 0.08rem;
                    margin-bottom: 0.34rem;
                    background: #FFD186;
                    box-shadow: inset 0px 1px 0px 0px #FFF6CE;
                }
            }
        }
    }
    .container-wrapper {
        width: 100%;
        box-sizing: border-box;
        padding: 0 0.08rem;
        background: #131428;
    }
}
